.menu-icon {
  transition: all .3s;
}

.rotate-icon {
  transform: rotate(-90deg);
}

.menu-item span {
  display: inline-block;
  overflow: hidden;
  width: 69px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
  transition: width .2s ease .2s;
  font-size: 16px;
}

.menu-item i {
  transform: translateX(0px);
  transition: font-size .2s ease, transform .2s ease;
  vertical-align: middle;
  font-size: 22px;
}

.collapsed-menu span {
  width: 0px;
  transition: width .2s ease;
}

.collapsed-menu i {
  transform: translateX(5px);
  transition: font-size .2s ease .2s, transform .2s ease .2s;
  vertical-align: middle;
  font-size: 22px;
}

.sider-logo-dark {
  border-bottom: 1px solid #101117;
  background: #191a23;
}

.sider-logo {
  height: 63px;
  line-height: 63px;
  text-align: center;
  overflow: hidden;
}

.sider-logo img {
  height: 80%;
  vertical-align: middle;
}


::v-deep .ivu-menu-dark {
  background: #191a23;
}

.sider {
  background: #191a23;
}

::v-deep .ivu-select-dropdown {
  background-color: rgba(25, 26, 35, 0.6);
  color: rgba(255, 255, 255, 0.5);
}

::v-deep .ivu-dropdown-item:hover {
  background-color: inherit;
}
